@import "../../base/util";
@assetUrl:'../images/module/card/img-title-card002';
.card002 {

  .list-item {
    overflow: hidden;
    .setWH(380px, 208px);
    position: absolute;
    &.active {
      //font-weight: bold;
      background-color: white;
    }
  }
  .list-item-wrap {
    margin: 2px;
    position: relative;
    .setWH(376px, 204px);
    .status {
      .setWH(80px, 30px);
      .absolute(5px, 8px);
      z-index: 2;
      text-align: center;
      .line-height(30px);
      font-size: 18px;
    }
    .thumb {
      width: 100%;
      height: 100%;
      .absolute(0, 0);
      overflow: hidden;
      img{
        width: 100%;
        height: 100%;
      }
    }
    .viewNum, .likeNum {
      display: inline-block;
      text-align: center;
      p {
        margin-top: 6px;
      }
    }
    .statistics {
      position: absolute;
      top: 3px;
      right: 3px;
      z-index: 2;
    }
    .likeNum {
      margin-left: 10px;
    }
    .title {
      text-align: left;
      padding: 0 10px;
      box-sizing: border-box;
      .line-height(48px);
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 2;
      font-size: 20px;
      background:url("@{assetUrl}/title-mask.png") ;
    }
  }
}